<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../../../static/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
		<script src="../../../static/jquery/jquery-migrate-1.1.1.min.js" type="text/javascript"></script>

		<link href="../../../static/bootstrap/3.3.4/css_default/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<script src="../../../static/bootstrap/3.3.4/js/bootstrap.min.js"  type="text/javascript"></script>
		<link href="../../../static/awesome/4.4/css/font-awesome.min.css" rel="stylesheet" />
		
		<!--datatable-->
		<link rel="stylesheet" href="../../../static/dataTables/css/jquery.dataTables.min.css" />
		<script type="text/javascript" src="../../../static/dataTables/jquery.dataTables.js"></script>
		
		<!--datePicker.js-->
		<script type="text/javascript" src="../../../static/My97DatePicker/WdatePicker.js"></script>
		
		<!--juicer-->
		<script type="text/javascript" src="../../../static/juicer/juicer-min.js"></script>
		
		<script type="text/javascript" src="exam.js"></script>
		
		<link rel="stylesheet" href="../../../common/css/style.css" />

	</head>
	<body class="driverBody">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-1">
					
				</div>
			</div>
			
			<!--查询条件-->
			<div class="row" style='padding: 30px 0 20px 15px;'>
				<div class='isAdminProvince' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span style="display: inline-block;">省份</span>
						<select id="selectPointOfInterest" class='provinceSelect' style='border-radius:5px;width:80px;'>
						  
						</select>
						<script type="text/template" id="provinceSelectTpl">
							  	{@each aaData as item}
							  		<option value="${item.proviceId}">${item.proviceName}</option>
							  	{@/each}
						  </script>
					</label>
				</div>
				<div class='isAdminCity' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>城市</span>
						<select id="selectPointOfInterest" class='citySelect' style='border-radius:5px;width:80px;'>
						  
						</select>
						<script type="text/template" id="citySelectTpl">
							  	{@each aaData as item}
							  		<option value="${item.sysCityId}">${item.cityName}</option>
							  	{@/each}
						  </script>
					</label>
				</div>
				<div class='isAdminCompany' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>公司选择</span>
						<select id="selectPointOfInterest" class='companySelect' style='border-radius:5px;width:230px;'>
						</select>
						<script type="text/template" id="companySelectTpl">
							  	{@each list as item}
							  		<option value="${item.organizationId}">${item.organizationName}</option>
							  	{@/each}
						  </script>
					</label>
				</div>
				<div class='isOtherUserCompany' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>公司选择</span>
						<select id="selectPointOfInterest" class='otherUserCompanySelect' style='border-radius:5px;width:230px;'>
						</select>
						<script type="text/template" id="otherUserCompanySelectTpl">
							  	{@each list as item}
							  		<option value="${item.organizationId}">${item.organizationName}</option>
							  	{@/each}
						  </script>
					</label>
				</div>
				<div style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>状态</span>
						<select id="selectPointOfInterest" class='statusSelect' style='border-radius:5px;width:80px;'>
							<option value='0'>全部</option>
							<option value='1'>未审核</option>
							<option value='3'>审核未通过</option>
						</select>
					</label>
				</div>
				<div class='' style='float:left;margin-right:10px;'>
					<label>
						<input style='display:inline;width: 180px;height:23px;padding:0;' class='form-control searchexamname' type='text' placeholder='姓名/手机号/车牌号/身份证' />
					</label>
				</div>
				<div class='' style='float:left;margin-right:10px;'>
					<input type="text" placeholder='车主注册日期' onfocus="WdatePicker({})" id="datemin" class="input-text Wdate searchexamdate" style="width:120px;border: 1px solid #ccc;border-radius:6px;height:23px;">
				</div>
				<div class="col-md-2">
					<button class="btn btn-search btn-info" style="padding: 0 10px;"><i class='fa fa-search'></i>查询</button>
					<button onclick="window.location.reload()" class='btn btn-primary' style="padding:0 10px;"><i class='glyphicon glyphicon-repeat'></i>刷新</button>
				</div>
			</div>
			
			<!--表格-->
			<div class="row">
				<div class="col-md-12">
					<table id="table" class="table table-bordered">
						<thead>
							<tr>
								<th>姓名</th>
								<th>手机号码</th>
								<th>身份证号码</th>
								<th>车牌号</th>
								<th>车辆注册日期</th>
								<th>车辆品牌</th>
								<th>注册时间</th>
								<th>车辆类型</th>
								<th>状态</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
			
						</tbody>
					</table>
				</div>
			</div>
			
			
			<!--司机详情模态框-->
			<div class="modal fade bs-example-modal-lg" id="myModalDetail" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
			  <div class="modal-dialog modal-lg">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
			        <h4 class="modal-title" id="myModalLabel">司机详情</h4>
			      </div>
			      <div class="modal-body">
			      	<div class="row">
			      		<table class="table table-bordered">
			      			<tr>
			      				<th>省份</th>
			      				<th>所在城市</th>
			      				<th>公司名称</th>
			      				<th>姓名</th>
			      				<th>性别</th>
			      				<th>手机号码</th>
			      				<th>身份证号码</th>
			      				<th>初领驾驶证日期</th>
			      				<th>驾驶证截止日期</th>
			      			</tr>
			      			<tr>
			      				<td class="provinceTd"></td>
			      				<td class="cityTd"></td>
			      				<td class="companyTd"></td>
			      				<td class="nameTd"></td>
			      				<td class="sexTd"></td>
			      				<td class="telTd"></td>
			      				<td class="idCardTd"></td>
			      				<td class="firstLicDateTd"></td>
			      				<td class="endLicDateTd"></td>
			      			</tr>
			      			<tr>
			      				<th>驾龄</th>
			      				<th>准驾车型</th>
			      				<th>驾驶证档案编号</th>
			      				<th>车牌号</th>
			      				<th>车型</th>
			      				<th>车架号</th>
			      				<th>车辆所有人</th>
			      				<th>车辆注册日期</th>
			      				<th class='workLicenseNumberTh'>从业资格证号</th>
			      			</tr>
			      			<tr>
			      				<td class="yearsTd"></td>
			      				<td class="licTypeTd"></td>
			      				<td class="LicNoTd"></td>
			      				<td class="plateTd"></td>
			      				<td class="carTypeTd"></td>
			      				<td class="vehicleNoTd"></td>
			      				<td class="carNameTd"></td>
			      				<td class="registerDateTd"></td>
			      				<td class='workLicenseNumberTd'></td>
			      			</tr>
			      		</table>
			      	</div>
			      	<div class="row">
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>身份证正面</h4>
			      			<img class="img-responsive idCardPositiveImage" src="" style='width:100%;height:60px' />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>身份证反面</h4>
			      			<img class="img-responsive idCardOppositeImage" src="" style='width:100%;height:60px'  />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>人车合影</h4>
			      			<img class="img-responsive vehicleImage" src="" style='width:100%;height:60px'  />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>驾驶证正本</h4>
			      			<img class="img-responsive jszImage" src="" style='width:100%;height:60px'  />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>驾驶证副本</h4>
			      			<img class="img-responsive jszCopyImage" src="" style='width:100%;height:60px' />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>行车本正本</h4>
			      			<img class="img-responsive xszImage" src="" style='width:100%;height:60px' />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>行车本副本</h4>
			      			<img class="img-responsive xszCopyImage" src="" style='width:100%;height:60px' />
			      		</div>
			      		<div class="workLicenseImageDiv" style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>从业资格证</h4>
			      			<img class="img-responsive workLicenseImage" src="" style='width:100%;height:60px' />
			      		</div>
			      	</div>
			      	<div class="row">
			      		
			      	</div>
			      </div>
			      <div class="modal-footer" style="text-align: center;">
			      	<button type="button" class="btn btn-default exam-success-btn">审核通过</button>
			        <button type="button" class="btn btn-default exam-failed-btn">审核未通过</button>
			      </div>
			    </div>
			  </div>
			</div>
			
			<!--审核通过之后弹出一个选择车型模态框-->
			<div class="modal fade bs-example-modal-sm" id="modal1" tabindex="-100" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="top: 30%;">
			  <div class="modal-dialog modal-sm">
			    <div class="modal-content">
			      <!--<div class="modal-header">
			      	<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        			<h4 class="modal-title" id="myModalLabel">Modal title</h4>
			      </div>-->
			      <div class="modal-body" style="padding-bottom: 50px;">
			      	<div class="row" style="text-align: center;">
			      		<span>选择车型</span>
			      	</div>
			      	<div class="row" style="text-align: center;">
			      		<select class='carStyleSelect'>
			      			<option value='1'>经济型</option>
			      			<option value='2'>舒适型</option>
			      			<option value='3'>商务型</option>
			      			<option value='4'>豪华型</option>
			      		</select>
			      	</div>
			      </div>
			      <div class="modal-footer" style="text-align: center;">
			      	<button type="button" class="btn btn-default carstyle-btn-confirm">确认</button>
			      </div>
			    </div>
			  </div>
			</div>
			
			<!--审核未通过之后弹出一个选择原因模态框-->
			<div class="modal fade bs-example-modal-sm" id="modal2" tabindex="-100" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="top: 20%;">
			  <div class="modal-dialog">
			    <div class="modal-content">
			      <div class="modal-header">
			      	<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        			<h4 class="modal-title" id="myModalLabel">选择原因</h4>
			      </div>
			      <div class="modal-body" style="">
			      	<div class="row examNoPassDiv" style="">
			      		
			      	</div>
			      	<script type="text/template" id="examNoPassDivTpl">
							{@each list as item}
							  	<div class="col-md-6"><label><input data-type='${item.type}' data-value='${item.vrid}' type="checkbox" />${item.description}</label></div>
							{@/each}
						</script>
			      </div>
			      <div class="modal-footer" style="text-align: center;">
			      	<button type="button" class="btn btn-default btn-confirm">确认</button>
			      </div>
			    </div>
			  </div>
			</div>
			
			
			<!-- 用来存放查看原图图片的模态框 -->
			<div class='bg'></div>
			<div class='bgmodal'>
				<img class='img-responsive' alt="" src="" style='width:100%;height:100%;'>
				<i class='fa fa-refresh rotate-icon' style='position:absolute;right:0;top:0;color:#fff;font-size:30px;'></i>
			</div>
			
			
		</div>
	</body>
</html>
<script>
	
	
	
</script>
